Inkandwash主题改成宽版方法

折腾了几天,总算是把自己的主题改成宽版了

这几天非常郁闷,一直想换个宽版的主题,因为之前这个主题太窄了,贴一点代码就挤在一起。

对于程序员的我实在是受不了这种束缚。今天恰巧在网上看到Xeon的博客,发现他跟我用的是一样的主题

但是他的主题改成宽版了,实在是一大惊喜。如果能改成宽版就不用换主题了。

然后我就开始自己试着去改css。其实非常简单,只需要改动很少的几个地方就行了。

大家要是不放心,就先备份一下css再来吧,要改动的地方如下

1,

.wrap {
width:950px;margin:0 auto;
}

改成

.wrap {
width:1174px;margin:0 auto;
}

2,

.header {
float:left;width:950px; height:190px;
}

改成

.header {
float:left;width:1174px; height:190px;
}

3,

#content {
float:left; width:674px; background: url(images/comm_bg.gif) repeat-y; margin-left:56px; _margin-left:28px;
}

改成

#content {
float:left; width:898px; background: url(images/comm_bg.gif) repeat-y; margin-left:56px; _margin-left:28px;
}

4,

.conleft {
overflow: hidden; width:674px; height:14px;
}

改成

.conleft {
overflow: hidden; width:898px; height:14px;
}

5,

.entry {
width:645px;line-height:22px; background: url(images/comm_line.gif) no-repeat bottom left; overflow: hidden;
padding:0 0 10px 0;
}

改成

.entry {
width:869px;line-height:22px; background: url(images/comm_line.gif) no-repeat bottom left; overflow: hidden;
padding:0 0 10px 0;
}

需要修改的图片有:

comm_bg.gif

comm_top.gif

comm_line.gif

comm_foot.gif

page.gif

直接下载替换掉主题里的图片就行了。改完这些我果断地把评论嵌套设到了满值10层哈哈。

现在唯一不足的就是底部版权信息的背景图片,版权背景图是跟底部大背景融合在一起的,不是单个元件,所以要修改还得花点功夫。

有空了再弄吧,反正不碍事。
请尊重原创,转载请一并复制下面的版权信息,谢谢。

2 条评论

  1. 番茄说道:

    改成宽屏了有点看不习惯哦。

留下只言片语: